.btns {
  display: flex;
  align-items: center;
  justify-content: center;
  button {
    margin: unset;
    background: #f2f2f2;
    width: 144rpx;
    height: 72rpx;
    line-height: 72rpx;
    font-size: 28rpx;
    color: #333;
    padding: 0;
    font-weight: normal;
    &:first-child {
      border-top-left-radius: 36rpx;
      border-bottom-left-radius: 36rpx;
    }
    &:last-child {
      border-top-right-radius: 36rpx;
      border-bottom-right-radius: 36rpx;
    }
    &.active {
      color: #FFF;
      background: linear-gradient(to right, #68b1fb 10%,#1f63fd 100%);
    }
  }
}
.sum-list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 30rpx 20rpx;
  .sum-item {
    width: 50%;
    display: flex;
    align-items: center;
    padding-bottom: 15rpx;
    image {
      width: 46rpx;
      height: 46rpx;
      background-color: #68ba4c;
      border-radius: 50%;
    }
    .title {
      padding-left: 20rpx;
      box-sizing: border-box;
    }
  }
}
.charts-box {
  height: 350rpx;
}